<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>浮动</title>
		<style type="text/css">
			.box{
				width:200px;
				height:200px;
				border:1px red solid;
				font-size:32px;
				text-align:center;
				/* left(左浮动)/右浮动(right)/none(没有,默认值,不浮动) */
				float:right;
			}
			.bigbox{
				/* overflow:heidden; */
			}
			/* 清楚浮动的第三种方式:代表企业网易,淘宝等 */
			.clearfix::after{
				content:"";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
			}
		</style>
	</head>
	<body>
		<!---传统的网页布局：标准流+浮动+定位
		浮动：flaot
		快速创建标签：p*3>tab--->
		浮动的特性：
			1.浮动的元素会摆脱
		<div class="box">1</div>
		<div class="box">2</div>
		<div class="box">3</div>
	</body>
</html>
